import React, { Component, PureComponent } from 'react';
// class Child extends Component {
  
//   render() {
//     console.log('1') // 点击按钮持续打印
//     return (
//       <div> textInComponent </div>
//     );
//   }
// }
// class Child extends Component {
//   shouldComponentUpdate () {
//     return false
//   }
//   render() {
//     console.log('1') // 只打印1此
//     return (
//       <div> textInComponent </div>
//     );
//   }
// }
// class Child extends PureComponent {
//   render() {
//     console.log('1') // 只打印1次
//     return (
//       <div> textInComponent </div>
//     );
//   }
// }
class Child extends PureComponent {
  shouldComponentUpdate () {
    return true
  }
  render() {
    console.log('1') // 持续打印报警告
    return (
      <div> textInComponent </div>
    );
  }
}

export default class App extends Component {
  state = {
    count: 100
  }
  render() {
    return (
      <div> 
        <button onClick = { () => {
          this.setState({ count: this.state.count + 1 })
        }}>add</button>{ this.state.count }
        <Child />
      </div>
    );
  }
}
